@keyframes listInd {
    from {
        transform: translateX(-36px);
    }

    to {
        transform: translateX(-2276px);
    }
}
@keyframes listInd2 {
    from {
        transform: translateX(-260px);
    }

    to {
        transform: translateX(-2500px);
    }
}

.fourth{
    width: var(--width);
    height: 674px;
    background-image: url("../image/4/组\ 182@2x.png");
    .container{
        width: var(--inner--width);
        height: 100%;
        margin: 0 auto;
        dl{
            width: 456px;
            height: 33px;
            margin: 0 auto;
            padding-top: 48px;

            animation: titleZoom 1s linear;

            .top{
                width: 100%;
                height: 33px;
                display: flex;
                justify-content: space-evenly;
                align-items: center;

                div{
                    width: 120px;
                    height: 8px;
                    background: linear-gradient(90deg, rgb(103,121,140) 0%, rgba(39,64,92) 100%);
                }
                div:nth-child(1){
                    background: linear-gradient(270deg, rgb(103, 121, 140) 0%, rgba(39, 64, 92) 100%);
                }
                
                dt{
                    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                    font-weight: bold;
                    font-size: 28px;
                    color: #FFFFFF;
                    text-align: center;
                    font-style: normal;
                    text-transform: none;
                }


            }
            dd{
                font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                font-weight: 400;
                font-size: 14px;
                color: #69737C;
                text-align: center;
                font-style: normal;
                text-transform: none;
                margin-top: 16px;
            }
        }

        .mid{
            width: 1064px;
            height: 40px;
            margin: 0 auto;
            margin-top: 32px;
            display: flex;
            justify-content: space-between;
            button{
                width: 200px;
                height: 40px;
                background-color: rgba(255, 255, 255, 0);
                border: 1px solid #FFFFFF;
                font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                font-weight: 500;
                font-size: 16px;
                color: #FFFFFF;
                text-align: center;
                font-style: normal;
                text-transform: none;

                &:hover{
                    cursor: pointer;
                }
            }
            
        }
    }
}
.fourth>.container>footer{
    width: var(--inner--width);
    height: 409px;
    margin-top: 48px;
    display: flex;
    justify-content: space-between;
    .footCard{
        width:312px;
        height: 100%;
        background-color: white;
        .textContent{
            width: 264px;
            height: 197px;
            margin: 24px auto;
            background-color: white;
            dl{
                width: 264px;
                height: 85px;
                margin-top: 24px;
                padding-top: 0px;
                animation: none;
                dt{
                    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                    font-weight: bold;
                    font-size: 16px;
                    color: #101214;
                    text-align: left;
                    font-style: normal;
                    text-transform: none;
                }
                dd{
                    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                    font-weight: 400;
                    font-size: 12px;
                    color: #9098A0;
                    line-height: 20px;
                    text-align: left;
                    font-style: normal;
                    text-transform: none;
                    text-align: left;
                    margin-top: 12px;
                    margin-bottom: 8px;

                }
            }
            .compInfo{
                display: flex;
                align-items: center;
                background-color:#F5F7FA;;
                width: 100%;
                height: 56px;
                margin-top: 8px;
                img{
                    width: 40px;
                    height: 40px;
                    margin: 8px;
                }
                .right{
                    .p41{
                        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                        font-weight: 500;
                        font-size: 14px;
                        color: #101214;
                        text-align: left;
                        font-style: normal;
                        text-transform: none;
                    }
                    .p42{
                        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                        font-weight: 400;
                        font-size: 12px;
                        color: #9098A0;
                        text-align: left;
                        font-style: normal;
                        text-transform: none;
                        margin-top: 4px;
                    }
                    
                }
            }
            footer{
                width: 100%;
                height: 32px;
                display: flex;
                justify-content: space-between;
                margin-top: 16px;
                button:hover{
                    cursor: pointer;
                }
                button{
                    width: 124px;
                    height: 32px;
                    border:1px solid #278CFB;
                    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 22px;
                    text-align: center;
                    font-style: normal;
                    text-transform: none;
                }
                .b41{
                    color: #288FFF;
                    background-color: white;
                }
                .b42{
                    color: #FFFFFF;
                    background-color: #288FFF;
                }
            }
        }
    }

}

.blueBut{
    background-color: #288FFF !important;
    border: 1px solid #288FFF !important
}

.fifth{
    width: var(--width);
    height: 633px;
    background-color:rgb(246,246,246) ;
    .container{
        width: var(--inner--width);
        height: 129px;
        margin: 0 auto;
        dl{
            width: 456px;
            height: 33px;
            margin: 0 auto;
            padding-top: 48px;
            animation: titleZoom 1s linear;
            .top{
                width: 100%;
                height: 33px;
                display: flex;
                justify-content: space-evenly;
                align-items: center;

                div{
                    width: 120px;
                    height: 8px;
                    background: linear-gradient(90deg, #288FFF 0%, rgba(40, 143, 255, 0) 100%);
                }
                div:nth-child(1){
                    background: linear-gradient(270deg, #288FFF 0%, rgba(40, 143, 255, 0) 100%);
                }
                
                dt{
                    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                    font-weight: bold;
                    font-size: 28px;
                    color: #101214;
                    line-height: 114px;
                    text-align: center;
                    font-style: normal;
                    text-transform: none;
                }
            dd{
                font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                font-weight: 400;
                font-size: 14px;
                color: #69737C;
                text-align: center;
                font-style: normal;
                text-transform: none;
                margin-top: 16px;
            }
        }

        .mid{
            width: 1064px;
            height: 40px;
            margin: 0 auto;
            margin-top: 32px;
            display: flex;
            justify-content: space-between;
            button{
                width: 200px;
                height: 40px;
                background-color: rgba(255, 255, 255, 0);
                border: 1px solid #FFFFFF;
                font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                font-weight: 500;
                font-size: 16px;
                color: #FFFFFF;
                text-align: center;
                font-style: normal;
                text-transform: none;

                &:hover{
                    cursor: pointer;
                }
            }
            
        }
    }
    }
    .scrollList{
        width: 100%;
        height: 456px;
        position: relative;
        .topScroll,.botScroll{
            width: 100%;
            height: 216px;
            display: flex;
            justify-content: space-evenly;
            flex-shrink: 0;
            overflow: hidden;
        }
        .topScroll{
            height:240px;
            /* .message{
                animation: listInd linear 10s infinite;
            } */
        }
        /* .botScroll{
            .message{
                animation: listInd2 linear 10s infinite;
            }
        } */
        .topScroll,.botScroll{
            .message{
                min-width: 424px;
                height: 216px;
                background-color: rgba(255, 255, 255);
                transform: translateX(-36px);
                margin-right: 24px;
                justify-content: space-between;
                .comInfo{
                    width: 376px;
                    height: 64px;
                    display: flex;
                    justify-content: space-between;
                    margin: 0 auto;
                    margin-top: 24px;
                    .leftContent{
                        width: 150px;
                        height: 64px;
                        .leftP1{
                            margin-top: 10px;
                        }
                        .leftP2{
                            margin-top: 8px;
                            font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                            font-weight: 400;
                            font-size: 14px;
                            color: #288FFF;
                            text-align: left;
                            font-style: normal;
                            text-transform: none;
                        }
                    }
                    .rightImg{
                        position: relative;
                        img{
                            width: 64px;
                            height: 64px;   
                        }
                        &::before{
                            position: absolute;
                            content: '已购买';
                            width: 64px;
                            height: 16px;
                            background-color: #1ACE90;
                            border-radius: 0px 0px 8px 8px;
                            text-align: center;
                            font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                            font-weight: 500;
                            font-size: 10px;
                            color: #FFFFFF;
                            line-height: 16px;
                            text-align: center;
                            font-style: normal;
                            text-transform: none;
                            top: 48px;
                        }
                    }
                }
                .descrition{
                    width: 376px;
                    height: 88px;
                    margin: 0 auto;
                    margin-top: 16px;
                    article{
                        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                        font-weight: 400;
                        font-size: 14px;
                        color: #69737C;
                        line-height: 24px;
                        text-align: left;
                        font-style: normal;
                        text-transform: none;
                    }
                }
            }
        }
        .botScroll{
            .message{
                min-width: 424px;
                height: 100%;
                transform: translateX(-260px);
                margin-right: 24px;
                justify-content: space-between;
            }  
        }
        .topScroll{
            position: relative;
            /* .message:nth-child(5n){
                position: relative;
                top: 84px;
            } */
        }
        &::before{
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 260px;
            height: 456px;
            background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
            z-index: 9999;
        }
        &::after{ 
            position: absolute;
            content: '';
            top: 0;
            right: 0;
            width: 260px;
            height: 456px;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
            z-index: 9999;
        }
    }
}


.sixth{
    width: var(--width);
    height: 960px;
    background-color: #F5F7FA;
    .container{
        width: var(--inner--width);
        height: 129px;
        margin: 0 auto;
        dl{
            width: 484px;
            height: 33px;
            margin: 0 auto;
            padding-top: 48px;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            animation: titleZoom 1s linear;
            div{
                width: 120px;
                height: 8px;
                background: linear-gradient(90deg, #288FFF 0%, rgba(40, 143, 255, 0) 100%);
            }
            div:nth-child(1){
                background: linear-gradient(270deg, #288FFF 0%, rgba(40, 143, 255, 0) 100%);
            }
            dt{
                font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                font-weight: bold;
                font-size: 28px;
                color: #101214;
                text-align: center;
                font-style: normal;
                text-transform: none;
            }}
        
        .report{
            width: var(--inner--width);
            height: 240px;
            display: flex;
            justify-content: space-between;
            margin-top: 40px;
            .card{
                width: 312px;
                height: 100%;
                background-image: url("../image/six/组\ 183@2x.png");
                .top{
                    width: 100%;
                    height: 192px;
                    margin-left: 24px;
                    img{
                        margin-top: 32px;
                    }
                    .p1{
                        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                        font-weight: bold;
                        font-size: 20px;
                        color: #0A66CB;
                        text-align: left;
                        font-style: normal;
                        text-transform: none;
                        margin-top: 24px;
                    }
                    .p2{
                        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                        font-weight: 400;
                        font-size: 14px;
                        color: #0A66CB;
                        text-align: left;
                        font-style: normal;
                        text-transform: none;
                        margin-top: 16px;
                    }
                }
                .bot{
                    width: 100%;
                    height: 48px;
                    background-image: url("../image/six/148f3b2a27b4f17bd21cf0366b7046a6@2x.png");
                    display: flex;
                    align-items: center;
                    .downLoad{
                        width: 52px;
                        height: 16px;
                        margin: 0 auto;
                        display: flex;
                        img{
                            width: 16px;
                            height: 16px;
                        }
                        p{
                            width: 28px;
                            height: 16px;
                            font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                            margin-left: 8px;
                            font-weight: 400;
                            font-size: 14px;
                            color: #FFFFFF;
                            text-align: left;
                            font-style: normal;
                            text-transform: none;
                            line-height: 16px;
                            
                        }
                    }
                }
            }
        }
        #message{
            animation: titleZoom 1s linear;
        }
        .p3{
            margin-top: 16px;
            font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
            font-weight: 400;
            font-size: 14px;
            color: #69737C;
            text-align: center;
            font-style: normal;
            text-transform: none;
            
        }
        .zxCard{
            width: var(--inner--width);
            height: 304px;
            display: flex;
            justify-content: space-between;
            margin-top: 40px;
            .cardDetail{
                width: 312px;
                height: 100%;
                background-color: white;
                dl{
                    width: 264px;
                    height: 92px;
                    margin: 24px;
                    display: block;
                    padding: 0;
                    animation: none;
                    dt{
                        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                        font-weight: bold;
                        font-size: 18px;
                        color: #101214;
                        text-align: left;
                        font-style: normal;
                        text-transform: none;
                    }
                    dd{
                        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                        font-weight: 400;
                        font-size: 12px;
                        color: #9098A0;
                        line-height: 20px;
                        text-align: left;
                        font-style: normal;
                        text-transform: none;
                        margin-top: 17px;
                    }
                }
            }
        }
        .zxBtn{
                width: 280px;
                height: 40px;
                margin: 0 auto;
                margin-top: 40px;
                button{
                    width: 132px;
                    height: 100%;
                    border: 1px solid #288FFF;
                }
                .zxBtn1{
                    background-color: #F5F7FA;
                    color: #288FFF;
                }
                .zxBtn2{
                    background-color: #288FFF;
                    color: #FFFFFF;
                    margin-left: 11px;
                }}
        

            }
}

.lastNav{
    width: var(--width);
    height: 564px;
    .topAdd{
        width: 100%;
        height: 340px;
        background-image: url("../image/last/组\ 76@2x.png");
        .addBox{
            width: 620px;
            margin: 0 auto; 
            padding-top: 40px;
            .addP1{
                font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                font-weight: bold;
                font-size: 44px;
                color: #FFFFFF;
                text-align: center;
                font-style: normal;
                text-transform: none;
                span{
                    color: #FFF68E;
                }
            }
            .addP2{
                font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                font-weight: 400;
                font-size: 14px;
                color: #FFFFFF;
                line-height: 24px;
                text-align: center;
                font-style: normal;
                text-transform: none;
                margin-top: 24px;
            }
            .btnAdd{
                width: 132px;
                height: 40px;
                background: white;
                margin: 40px auto;
                text-align: center;
                line-height: 40px;
                color: #288FFF; 
            }
        }
    }
    nav{
        width: 100%;
        height: 224px;
        background-color: #273543;
        .navList{
            width: var(--inner--width);
            height: 175PX;
            margin: 0 auto;
            border-bottom:1px solid rgba(255,255,255,0.1);
            overflow: hidden;
            position: relative;
            .call{
                    width: 292px;
                    height: 72px;
                    position: absolute;
                    right: 67px;
                    top: 72px;
                    display: flex;
                    .pBox{
                        margin-left: 8px;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        p{
                            font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                            font-weight: 400;
                            font-size: 14px;
                            color: #FFFFFF;
                            text-align: left;
                            font-style: normal;
                            text-transform: none;
                            span{
                                color: #9fa4ab;
                            }
                        }
                    }
                }
            table{
                width: var(--inner--width);
                height: 111px;
                margin-top: 32px;
                text-align: left;
                

                tr{
                    th{
                        height: 19px;
                        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
                        font-weight: 500;
                        font-size: 16px;
                        color: #FFFFFF;
                        text-align: left;
                        font-style: normal;
                        text-transform: none;
                    }
                    td{
                        ul{
                            margin-top: 20px;
                            width: 136px;
                            height: 72px;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                            li{
                                width: auto;
                                height: 33.3%;

                                color:#9fa4ab;
                                font-size: 14px;
                                white-space: nowrap;

                                display: inline-block;
                            }
                            li:hover{
                                cursor: pointer;
                            }
                        }

                    }
                    .hotPro{
                        ul{
                            display: flex;
                            flex-wrap: wrap;
                            justify-content: unset;
                        }
                    }
                }
            }
        }
        .navVer{
            font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
            font-weight: 400;
            font-size: 14px;
            color: #FFFFFF;
            text-align: center;
            font-style: normal;
            text-transform: none;
            margin-top: 16px;
            color: #9fa4ab;
        }
    }
}